<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>背单词|beidanci</title>
    <meta name="description" content="背单词工具,主要是支持金山词霸的生词本导入，随处背单词">
    <meta name="abstract" content="背单词，有效背单词">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css">
  </head>
  <body>
    <!-- nav sidebar-->
    <div id="nav-sidebar">
      <ul>
        <li><a href="import">导入单词本</a></li>
        <li><a href="logout">注销</a></li>
        <li><a href="help">帮助</a></li>
      </ul>
    </div>
    <!-- workspace -->
    <div class="word-list">
      <div class="word-item" >
        <div class="level-easy">
          easy
        </div>
        <div class="tools">
          move it (
          <a href="">top</a>
          |
          <a href="">bottom</a>
          ),
          <a href="">delete</a>,
          <a href="">pronunciation</a>,
          <a href="">search</a>,
          <a href="">translation</a>
        </div>
      </div>
    </div>
    <div class="word-list">
      <div class="word-item" >
        <div class="level-normal"> 
          normal
        </div>
        <div class="tools">
          <a href="">up</a>,
          <a href="">down</a>,
          <a href="">delete</a>,
          <a href="">pronunciation</a>,
          <a href="">search</a>,
          <a href="">translation</a>
        </div>
      </div>
    </div>
    <div class="word-list">
      <div class="word-item" >
        <div class="level-hard"> 
          hard
        </div>
        <div class="tools">
          <a href="">up</a>,
          <a href="">down</a>,
          <a href="">delete</a>,
          <a href="">pronunciation</a>,
          <a href="">search</a>,
          <a href="">translation</a>
        </div>
      </div>
    </div>
    <!-- footer -->
    <div class="footer" align="center">
      <a href="">关于</a>
    </div>

  </body>
</html>
